<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>浏览器对象模型</title>
	</head>
	<body>
		<a href="#" onclick="goOther()">跳转</a>
		<a href="#" onclick="closeOther()">关闭</a>
		<a href="#" onclick="buy()">我要买东西</a>
		<a href="#" onclick="start()">开始计时</a>
		<a href="#" onclick="end()">结束计时</a>
		<a href="#" onclick="stop()">暂停计时</a>
		<a href="#" onclick="reset()">重置计时</a>
		
		
	</body>
	<script type="text/javascript">
		//作业:做一个时钟
		
		//计时器
		let seconds=0
		
		let myInterval
		//重置计时
		function reset(){
			console.log('您已重置计时')
			seconds=0
		}
		//暂停计时
		function stop(){
			if(myInterval!== undefined){
				clearInterval(myInterval)
				console.log('您已暂停，当前为'+ seconds +'秒')
				myInterval=undefined
			}
		}
		
		//开始计时
		function start(){
			if(myInterval === undefined){
				myInterval=setInterval(function(){
					seconds++
					console.log('当前是第'+seconds+'秒')
				},1000)
			}
		}
		//结束计时
		function end(){
			clearInterval(myInterval)
			console.log('您结束了计时，最终秒数为' + seconds +'秒')
			myInterval=undefined
			seconds=0
		}
		
		
		
		

		
		//1
//		function goOther(){
//			alert("1111")
//		}

		//2跳转出新窗口
		let otherWindow
		function goOther(){
			otherWindow=window.open('./index2.html','Index2',"width=800,height=600")	
		}
		
		//3关闭新窗口
		function closeOther(){
			if(otherWindow!==undefined && !otherWindow.isClosed){
				console.log('111')
				otherWindow.close()
			}
		}
		
		//买东西
		function buy(){
			let name=window.prompt('你好，请问你的名字是：')
			window.alert('欢迎光临，'+name+"!")
			let thing=window.prompt('请问你要买什么？')
			let nums=window.prompt('请问你需要多少?')
			window.alert('购买成功！你买到了'+nums+thing+'，欢迎下次光临')
		}
		window.onload=function(){
				//setTimeout延迟定时器，延迟自动执行//时间默认单位为毫秒
			setTimeout(function(){
				document.writeln('我在3秒后执行了')
			},3000)
//				//取消定时器
//			let myInterval=setInterval(function(){
//				console.log('1')
//			},1000)
//			setTimeout(function(){
//				clearInterval(myInterval)
//			},3000)
		}
	</script>
</html>
